<template>
  <div class="bg-white rounded-lg p-5 h-full flex flex-col">
    <div class="font-bold text-xl mb-4">护士详情</div>
    <div class="flex">
      <img class="w-40" :src="nurseInfo.photo" alt="" />
      <el-descriptions size="default" :column="2" border>
        <el-descriptions-item label="姓名">{{ nurseInfo.nurseName }}</el-descriptions-item>
        <el-descriptions-item label="性别">{{ nurseInfo.sex }}</el-descriptions-item>
        <el-descriptions-item label="身份证号" span="2"
          >{{ nurseInfo.identityNumber }}</el-descriptions-item
        >

        <el-descriptions-item label="护士资格证编码" span="2"
          > {{ nurseInfo.certificateNumber }}</el-descriptions-item
        >
        <el-descriptions-item label="签发日期"
          >{{ nurseInfo.registerTime }}</el-descriptions-item
        >
      </el-descriptions>
    </div>
    <hr class="my-4" />
    <div>
      <el-button type="primary" @click="goBack">返回</el-button>
    </div>
  </div>
</template>

<script>
import {getNurseDetailAPI} from '@/api/zhangping/health-care/base-info.js'
export default {
  
  mixins: [],
  components: {},
  props: {},
  data() {
    return {
      nurseInfo:{},
      dataList:[]
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.getInfo()
  },
  methods: {
    getInfo(){
      const params = {
        id:this.$route.query.id
      }
      getNurseDetailAPI(params).then(res=>{
        console.log(res);
        
        const {data,code} =res 
        // console.log(data);
        
        if(code===200){
          this.nurseInfo = data  
        }
      })
    },
    goBack() {
      this.$router.back();
    },
  },
};
</script>

<style scoped lang="scss"></style>
